<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="/WEB-INF/tld/c-rt.tld"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<title>程清骏个人博客-一个开启你记录旅行的足迹和分享途中所见所闻，与探讨互联网神秘技术的网站</title>
<meta name="keywords" content="程清骏个人博客,程清骏博客，程清骏" />
<meta name="description" content="一个关注旅行，在路上寻找那个丢失自我，远离城市的喧哗，放慢脚步去享受慢生活，分享在路上所见所闻，与大家一起发现这世界的千奇百怪！" />
<link href="css/base1.css" rel="stylesheet">
<link href="css/index1.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/sliders.js"></script>
<!--[if lt IE 9]>

<![endif]-->

<script src="js/modernizr.js"></script>

<!-- 返回顶部调用 begin -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<script src="js/swfobject_modified.js" type="text/javascript"></script>
<!-- 返回顶部调用 end-->

<link rel="shortcut icon" href="/favicon.ico"/>
<link rel="bookmark" href="/favicon.ico"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body, td, th {
	font-family: "Microsoft Yahei", Simsun;
}
</style>
</head>

<body>

<!--header--> 
<!--header-->
<jsp:include flush="true" page="/top.jsp" />

<!--banner广告-->
<div class="banner">
  <section class="box">
    <ul class="texts">
      <p>一个人行走的范围，就是他的世界。</p>
      <p>为自己掘一个坟墓来葬心，红尘一梦，不再追寻。</p>
      <p>"来来来，握紧我的手，带你去看这世界"。</p>
      <p>生命匆匆，跟随心态，想去即去，想留则留。只为不枉自己 </p>
    </ul>
    <div class="avatar"><a href="/"><span>程清骏个人博客</span></a></div>
  </section>
</div>
<!--banner广告-->

<div class="memorial_day">
  <div class="time_axis"></div>
  <ul>
    <li class="n1"><a href="wed.html" target='_blank'>相遇</a>
      <div class="dateview">2014-10-01</div>
    </li>
    <li class="n2"><a href="wed.html" target='_blank'>领证</a>
      <div class="dateview">2014-12-31</div>
    </li>
    <li class="n3"><a href="wed.html" target='_blank'>订婚</a>
      <div class="dateview">2015-01-29</div>
    </li>
    <li class="n4"><a href="wed.html" target='_blank'>结婚</a>
      <div class="dateview">2015-10-18</div>
    </li>
    <li class="n5"><a href="wed.html" target='_blank'>生娃</a>
      <div class="dateview">2016-06-17</div>
    </li>
  </ul>
</div>

<!--article主体-->
<article> 
  
  <!--l_box-left开始-->
  <div class="l_box f_l"> 
    <!--topnews内容-->
    <div class="topnews">
      <h2> <b>今日</b>推荐 </h2>
      <c:forEach items="${list}" var="element" varStatus="status">
      <div class="blogs">
        <figure><a href='main/context?id=${element.id}' class='preview'><img src='${element.inImageUrl}'/></a> </figure>
        <h3><a href="main/context?id=${element.id}">${element.title}</a></h3>
        <p>${element.keyContext}</p>
        <ul>
          <p class="autor"><span class="lm f_l">
  		  <a href="${element.hrefUrl}">${element.type}</a>
          </span><span class="viewnum f_l">作者  ${element.author}</span> <span class="dtime f_l">${element.publishDate}</span> </p>
        </ul>
      </div>
	  	 </c:forEach>
      <div class="line"></div>
    <div class="blank"></div>
    <div class="page">${content}</div>
</div>
      
    </div>
  <!--l_box-left结束-->
  
  <div class="r_box f_r">
    <!--tit01 end--> 
    
    <!--天气-->
    <div class="weather">
      <iframe width="250" scrolling="no" height="60" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=12&icon=1&num=1"></iframe>
    </div>
    <div class="moreSelect" id="lp_right_select"> 
      <script>
window.onload = function ()
{
	var oLi = document.getElementById("tab").getElementsByTagName("li");
	var oUl = document.getElementById("ms-main").getElementsByTagName("div");
	
	for(var i = 0; i < oLi.length; i++)
	{
		oLi[i].index = i;
		oLi[i].onmouseover = function ()
		{
			for(var n = 0; n < oLi.length; n++) oLi[n].className="";
			this.className = "cur";
			for(var n = 0; n < oUl.length; n++) oUl[n].style.display = "none";
			oUl[this.index].style.display = "block"
		}	
	}
}
</script>
      <div class="ms-top">
        <ul class="hd" id="tab">
        <li class="cur"><a href="/">最新文章</a></li>
        </ul>
      </div>
      <div class="ms-main" id="ms-main">
        <div  style="display: block;" class="bd bd-news">
          <ul>
           <c:forEach items="${indexList}" var="element" varStatus="status">
            <li><a href="main/context?id=${element.id}" target="_blank">${element.title}</a></li>
			</c:forEach>
          </ul>
        </div>
      </div>
      <!--ms-main end --> 
    </div>
    <!--切换卡 moreSelect end -->
    <!--
    <div class="tuwen">
      <h3>图文推荐</h3>
      <ul>
      <li><a href="/a/xiangshoumanhuo/20150609/22.html"><img src='images/1433907076123565-lp.jpg' border='0' width='120' height='120' alt='两只蜗牛艰难又浪漫的一吻'><b>两只蜗牛艰难又浪漫的一吻</b></a>
          <p><span class="tulanmu"><a href="/a/xiangshoumanhuo/index.html">享受慢活</a></span>
          <span class="tutime">2015-06-10</span></p>
        </li>
<li><a href="/a/fenxiangshaer/20150610/70.html"><img src='images/1433936858662517-lp.jpg' border='0' width='120' height='120' alt='今天'><b>今天</b></a>
          <p><span class="tulanmu"><a href="/a/fenxiangshaer/index.html">分享shaer</a></span>
          <span class="tutime">2015-06-10</span></p>
        </li>
<li><a href="/a/youke/20150609/17.html"><img src='images/1433907243115781-lp.jpg' border='0' width='120' height='120' alt='程序员请放下你的技术情节，与你的同伴一起进'><b>程序员请放下你的技术情节，与</b></a>
          <p><span class="tulanmu"><a href="/a/youke/index.html">悠客</a></span>
          <span class="tutime">2015-06-10</span></p>
        </li>
<li><a href="/a/jiluhuiyi/20150610/77.html"><img src='images/1433940857381820-lp.jpg' border='0' width='120' height='120' alt='一个人最好的模样大概是平静一点，坦然接受自'><b>一个人最好的模样大概是平静一</b></a>
          <p><span class="tulanmu"><a href="/a/jiluhuiyi/index.html">记录回忆</a></span>
          <span class="tutime">2015-06-10</span></p>
        </li>
<li><a href="/a/manglitouxian/20150609/5.html"><img src='images/1433907506239514-lp.jpg' border='0' width='120' height='120' alt='每个人都会有一段异常艰难的时光，'><b>每个人都会有一段异常艰难的时</b></a>
          <p><span class="tulanmu"><a href="/a/manglitouxian/index.html">碎言碎语</a></span>
          <span class="tutime">2015-06-10</span></p>
        </li>

        
      </ul>
    </div>-->
    
    <div class="ad"> <img src="images/03.jpg"> </div>
  </div>
  <!--r_box end --> 
</article>
<!--article主体结束-->

<jsp:include flush="true" page="/bottom.jsp" />
</body>
</html>